@charset "utf-8";
body{
    text-align:center;
    margin:0 auto;
}
.linear {
    height: 250px;
    width: 100%;
    text-align:center;
    margin:0 auto;
    filter: progid: DXImageTransform . Microsoft . Gradient(gradientType = 0, startColorStr = #51a0f8, endColorStr = #399ee4);
    background:-moz-linear-gradient(top,#51a0f8,#399ee4);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#51a0f8), to(#399ee4));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')";
}
#white_rec{
    position: relative;
    top:60px;
    width:75px;
    height:75px;
    text-align:center;
    margin:0 auto;
    background:white;
    border-radius:10px
}
#logo_icon{
    height: 80%;
    width: 80%;
    position: relative;
    top: 10px;
}
#logo_text{
    position: relative;
    top: 86px;
}
#login{
    position: relative;
    height: 250px;
    width: 400px;
    top: 80px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.54);
    text-align:center;
    margin:0 auto;
}
#namelayer{
    padding-top: 50px;
    height: 16px;
    width: auto;
}
#passwordlayer{
    margin-top: 32px;
    height: 46px;
    width: auto;
}
#submitlayer{
    margin: 28px 0px;
    text-align: center;
}
span{
    display:inline-block;
    left: 106px;
    width: 100px;
    font-size: 16px;
    color:#333333;
}
input.inputtext{
    padding:0px 15px  0px 15px;
    position: relative;
    width: 200px;
    height: 30px;
    color: #555;
    border:0px;
    border-radius:4px;
    /*background-color: #f0f0f0;*/
    border: 1px solid #ddd;

}
input.login_submit{
    height:32px;
    width: 85px;
    font-size: 18px;
    background: #1996ea;
    color: #ffffff;
    border-radius:10px;
    border: none;
}
input.borderbule{
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
    /*border-color: #66AFE9;*/
}